<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>林奋建设有限公司</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/head-logo.png" />
    <!-- Place favicon.ico in the root directory -->

    <!-- Web Font -->
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">

    <!-- ========================= CSS here ========================= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/tiny-slider.css" />
    <link rel="stylesheet" href="assets/css/glightbox.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="stylesheet" href="assets/css/reset.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />

</head>

<body>
    <!--[if lte IE 9]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="https://browsehappy.com/">upgrade your browser</a> to improve
        your experience and security.
      </p>
    <![endif]-->

    <!-- Preloader -->
    <div class="preloader">
        <div class="preloader-inner">
            <div class="preloader-icon">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!-- /End Preloader -->
    <header class="header navbar-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="nav-inner">
                        <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="index.html">
                                <img src="assets/images/logo.jpg" alt="Logo">
                            </a>
                            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                                <ul id="nav" class="navbar-nav ms-auto">
                                    <li class="nav-item">
                                        <a class="page-scroll" href="index.html">主页</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="about-us.html">资质服务</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll active" href="blog-grid-sidebar.html">最新资讯</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="contact.html">联系我们</a>
                                    </li>
                                </ul>
                            </div> <!-- navbar collapse -->
                            <div class="button">
                                <a href="tel:18539549678" class="btn white-bg mouse-dir">联系我们<span
                                        class="dir-part"></span></a>
                            </div>
                        </nav> <!-- navbar -->
                    </div>
                </div>
            </div> <!-- row -->
        </div> <!-- container -->

    </header>
    <!-- ========================= header end ========================= -->

    <!-- Start Breadcrumbs -->
    <div class="breadcrumbs">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="breadcrumbs-content left">
                        <h1 class="page-title">激发活力，助力成长</h1>
                        <p>双向奔赴，共创辉煌！与100+合作伙伴们一起见证时代！</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumbs -->

    <!-- Start Blog Singel Area -->
    <section class="section blog-list" id="myBlog">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-12 mt-3" v-for="item,index in list" :key="index">
                    <!-- Start Single List -->
                    <div class="single-list">
                        <div class="post-thumbnils myArticle">
                            <img :src="item.image_url" alt="#">
                        </div>
                        <div class="post-details">
                            <div class="detail-inner">
                                <h2 class="post-title">
                                    <a class="notMore" :href="'blog-single-sidebar.html?id='+item.id"> {{item.title}}</a>
                                </h2>
                                <!-- post meta -->
                                <ul class="custom-flex post-meta">
                                    <li>
                                        <a href="#">
                                            <i class="lni lni-calendar"></i>
                                            {{item.updated_at}}
                                        </a>
                                    </li>
                                </ul>
                                <p class="notMore">{{item.desc}}</p>
                                <div class="button">
                                    <a :href="'blog-single-sidebar.html?id='+item.id"
                                        class="btn mouse-dir white-bg">查看详情<span class="dir-part"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="myBtn myBlue text-center" v-if="showMore" @click="loadMore">
                <span>— 查看更多 —</span>
            </div>
            <div class="myBtn text-center" v-if="endAll">— 没有更多了 —</div>
        </div>
    </section>
    <!-- End Blog Singel Area -->

    <!-- Start Footer Area -->
    <footer class="footer">
        <!-- Start Middle Top -->
        <div class="footer-middle">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-5 col-12">
                        <!-- Single Widget -->
                        <div class="f-about single-footer">
                            <div class="logo">
                                <a href="index.html"><img src="assets/images/logo.jpg" alt="#"></a>
                            </div>
                            <h4>做工程？找资质？来林奋！</h4>
                        </div>
                        <!-- End Single Widget -->
                    </div>
                    <div class="col-lg-5 col-md-7 col-12">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-6">
                                <!-- Single Widget -->
                                <div class="single-footer f-link">
                                    <h3>主页</h3>
                                    <ul>
                                        <li><a href="index.html">公司简介</a></li>
                                        <li><a href="index.html">林奋优势</a></li>
                                        <li><a href="index.html">公司团队</a></li>
                                        <li><a href="about-us.html">资质服务</a></li>
                                        <li><a href="blog-grid-sidebar.html">新闻动态</a></li>
                                    </ul>
                                </div>
                                <!-- End Single Widget -->
                            </div>
                            <div class="col-lg-6 col-md-6 col-6">
                                <!-- Single Widget -->
                                <div class="single-footer f-contact f-link">
                                    <h3>联系我们</h3>
                                    <p>专属客服经理为您一对一服务</p>
                                    <ul class="footer-contact">
                                        <li><i class="lni lni-phone"></i> <a href="tel:18539549678">18539549678</a></li>
                                        <!-- <li><i class="lni lni-envelope"></i>2824609096@qq.com</li> -->
                                        <li><i class="lni lni-map-marker"></i>漯河市源汇区长江路翠华山路建业智慧港26楼06室</li>
                                    </ul>
                                </div>
                                <!-- End Single Widget -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/ End Footer Middle -->
        <!-- Start Footer Bottom -->
        <div class="footer-bottom">
            <div class="container">
                <div class="inner">
                    <div class="row text-center">
                        <div class="col-lg-12 col-md-6 col-12">
                            <div class="left">
                                <p>备案/许可证号：豫ICP备20005310号-2</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Middle -->
    </footer>
    <!--/ End Footer Area -->

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top btn-hover">
        <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ========================= JS here ========================= -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/count-up.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/tiny-slider.js"></script>
    <script src="assets/js/glightbox.min.js"></script>
    <script src="assets/js/imagesloaded.min.js"></script>
    <script src="assets/js/isotope.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/jquery-1.11.0.min.js"></script>
    <!-- 引入Vue -->
    <script src="assets/js/vue@2.7.16.js"></script>
    <script>
        new Vue({
            el: '#myBlog',   // 选择器
            data: {
                list: [],
                page: 1,
                pageSize: 4,
                showMore: false,
                endAll: false
            },
            mounted() {
                this.$nextTick(() => {
                    this.showList(1);
                })
            },
            methods: {
                // 加载更多
                loadMore() {
                    this.page++;
                    this.showList();
                },
                // 访问
                showList() {
                    let that = this;
                    let list = this.list;
                    $.ajax({
                        async: false,
                        url: "http://test.staff.zhongbiao001.com/api/web/companyIndexList",
                        data: { company_id: '3013430310994658606', type_id: 1, pageSize: this.pageSize, page: this.page },
                        type: "get",
                        dataType: "JSON",
                        success: function (res) {
                            // 获取返回值
                            let data = res.data.result || [];
                            console.log(data)
                            if (data.length > 0) {
                                that.list = list.concat(data);
                                that.showMore = true;
                            } else {
                                that.showMore = false;
                                that.endAll = true;
                            }
                        }
                    })
                }
            }
        })
    </script>
    <style>
        .myBlue {
            color: #3E54FF;
        }

        .myBtn {
            font-size: 18px !important;
            margin-top: 50px;
        }
    </style>
</body>

</html>